<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>聚媒案例</title>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../style/top-foot.css" />
    <link rel="stylesheet" href="../style/about.css" />
</head>

<body>
    <div class="content">
        <div class="row" style="background:#f5f5f5;">
            <div class="col-lg-12">
                <div class="about_content">
                    <div class="casestudy">
                        <div class="casestudy-a">
                            <h1>案例展示</h1>
                        </div>
                        <div class="casestudy-b">
                            <ul>
                                <li>
                                    <a href="0">
                                        <div class="casestudy-b-a">
                                            <img src="../img/ing1.jpg" />
                                        </div>
                                        <div class="casestudy-b-b">
                                            <p>齐家网
                                                <span><img src="../img/ing17.png" /></span>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="1">
                                        <div class="casestudy-b-a">
                                            <img src="../img/ing2.jpg" />
                                        </div>
                                        <div class="casestudy-b-b">
                                            <p>平安出行险
                                                <span><img src="../img/ing17.png" /></span>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="2">
                                        <div class="casestudy-b-a">
                                            <img src="../img/ing3.jpg" />
                                        </div>
                                        <div class="casestudy-b-b">
                                            <p>网易贵金属
                                                <span><img src="../img/ing17.png" /></span>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="3">
                                        <div class="casestudy-b-a">
                                            <img src="../img/ing4.jpg" />
                                        </div>
                                        <div class="casestudy-b-b">
                                            <p>财神夺宝
                                                <span><img src="../img/ing17.png" /></span>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="4">
                                        <div class="casestudy-b-a">
                                            <img src="../img/ing5.jpg" />
                                        </div>
                                        <div class="casestudy-b-b">
                                            <p>宜人贷
                                                <span><img src="../img/ing17.png" /></span>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="5">
                                        <div class="casestudy-b-a">
                                            <img src="../img/ing6.jpg" />
                                        </div>
                                        <div class="casestudy-b-b">
                                            <p>唯品会
                                                <span><img src="../img/ing17.png" /></span>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="6">
                                        <div class="casestudy-b-a">
                                            <img src="../img/ing7.jpg" />
                                        </div>
                                        <div class="casestudy-b-b">
                                            <p>沪江网
                                                <span><img src="../img/ing17.png" /></span>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="7">
                                        <div class="casestudy-b-a">
                                            <img src="../img/ing8.jpg" />
                                        </div>
                                        <div class="casestudy-b-b">
                                            <p>咪咕阅读
                                                <span><img src="../img/ing17.png" /></span>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="8">
                                        <div class="casestudy-b-a">
                                            <img src="../img/ing9.jpg" />
                                        </div>
                                        <div class="casestudy-b-b">
                                            <p>环球黑卡
                                                <span><img src="../img/ing17.png" /></span>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="9">
                                        <div class="casestudy-b-a">
                                            <img src="../img/ing10.jpg" />
                                        </div>
                                        <div class="casestudy-b-b">
                                            <p>INXX
                                                <span><img src="../img/ing17.png" /></span>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="10">
                                        <div class="casestudy-b-a">
                                            <img src="../img/ing11.jpg" />
                                        </div>
                                        <div class="casestudy-b-b">
                                            <p>晴天助
                                                <span><img src="../img/ing17.png" /></span>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="11">
                                        <div class="casestudy-b-a">
                                            <img src="../img/ing12.jpg" />
                                        </div>
                                        <div class="casestudy-b-b">
                                            <p>棋牌游戏
                                                <span><img src="../img/ing17.png" /></span>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="12">
                                        <div class="casestudy-b-a">
                                            <img src="../img/ing13.jpg" />
                                        </div>
                                        <div class="casestudy-b-b">
                                            <p>全民夺宝
                                                <span><img src="../img/ing17.png" /></span>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="13">
                                        <div class="casestudy-b-a">
                                            <img src="../img/ing14.jpg" />
                                        </div>
                                        <div class="casestudy-b-b">
                                            <p>花旗银行
                                                <span><img src="../img/ing17.png" /></span>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="14">
                                        <div class="casestudy-b-a">
                                            <img src="../img/ing15.jpg" />
                                        </div>
                                        <div class="casestudy-b-b">
                                            <p>自然堂
                                                <span><img src="../img/ing17.png" /></span>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="15">
                                        <div class="casestudy-b-a">
                                            <img src="../img/ing16.jpg" />
                                        </div>
                                        <div class="casestudy-b-b">
                                            <p>5100SKINCARE
                                                <span><img src="../img/ing17.png" /></span>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <!--模态框-->
        <div class="case-model">
            <div class="case-model-content">
                <img src="../img/caseDetails/pingan.png" alt="" class="case-study-show-img">
                <span class="m-modal-close"><img src="../img/caseDetails/close.png" alt=""></span>
            </div>
        </div>
    </div>
    <div class="side">

        <ul>
            <li>
                <a class="py" href="#">
                    <img src="../img/side_icon01.png">
                    <div class="py-a">
                        <img src="../img/wxerw.png" width="111px" height="111px">
                    </div>
                </a>
            </li>

            <li>
                <a href="#">
                    <div class="sidebox">
                        <img src="../img/side_icon02.png">185 7065 7850</div>
                </a>
            </li>

            <li>
                <a href="contactUs.html">
                    <div class="sidebox">
                        <img src="../img/side_icon04.png">在线留言</div>
                </a>
            </li>

            <li>
                <a class="py" href="javascript:void(0);">
                    <img src="../img/side_icon03.png">
                </a>
            </li>

            <li style="border:none;">
                <a href="javascript:goTop();" class="sidetop"></a>
            </li>

        </ul>

    </div>
    <script src="../js/jquery-1.10.2.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../script/top-foot.js"></script>
    <script src="../script/caseStudy.js"></script>
</body>

</html>